<template>
  <h2>我是About的内容</h2>
</template>

<script>
/*
注意点1：
被路由器管理的组件被称为路由组件（区别于一般组件）
路由组件一般放在pages文件夹下，并且使用时不需要写组件标签<About/>，也不需要被注册到父组件中components:{About}
注意点2：
默认情况下，路由组件显示时会被重新挂载，路由切换时会被销毁
注意点3：
路由组件vc实例会多两个属性$route和$router，所有组件的$route是各自的路由配置，而$router都指向同一个路由器。
*/
export default {
  name: "About",
  mounted() {
    console.log('About组件挂载完毕', this)
  },
  beforeDestroy() {
    console.log('About组件即将被销毁')
  }
}
</script>

<style scoped>

</style>
